﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Profile.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="contentPane" runat="server">

    <%
        if (WebApp.Controllers.ApplicationController.IsMe(ViewData))
        { 
    %>
        <div class="tabControl">
            <%
                Html.RenderPartial("ImageUploaderControl", ViewData);   
            %>
        </div>
    <%
        }
    %>

    <%
        List<WebApp.Models.Photo> photos = (List<WebApp.Models.Photo>)ViewData["Model"];
        foreach (WebApp.Models.Photo photo in photos)
        {
            %>
                <div class="albumTile">
                    <a href="<%=photo.Source %>" class="lightview" data-lightview-group="group">
                        <img alt="<%=photo.Name %>" src="<%=photo.Picture %>" /><br /> 
                        <%=photo.Name %>
                    </a>
                </div>
            <%
        }
    %>
    <div class="clear"></div>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ProfileHead" runat="server">
    <meta charset="utf-8">
    <!-- Bootstrap styles for responsive website layout, supporting different screen sizes -->
    <!-- <link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-responsive.min.css"> -->
    <!-- Bootstrap CSS fixes for IE6 -->
    <!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-ie6.min.css"><![endif]-->
    <!-- Bootstrap Image Gallery styles -->
    <link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/css/bootstrap-image-gallery.min.css">
    <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
    <link rel="stylesheet" href="../../Content/jquery.fileupload-ui.css">
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="contentLinks" runat="server">

</asp:Content>
